<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>新大陆教育证书查询与下载平台</title>
		<meta itemprop="name" content="新大陆教育证书查询与下载平台" >
		<meta name="description" itemprop="description" content="促进人才培养供给侧和产业需求侧要素全方位融合,开启产教协同育人“新大陆”">
		<meta itemprop="image" content="./img/弘卓楼新大陆.jpg">
		<link rel="stylesheet" type="text/css" href="./css/main.css"/>
	</head>
	<body>
		<div class="g-glossy">
			<img class="logo" src="img/新大陆.png" >
			<div id="page1" style="display: block;">
				<h1 style="text-align: center;">证书查询与下载平台</h1>
				<div id="input_content">
					<div class="mui-input-row" style="display: grid; grid-template-columns: 1fr 2fr; align-items: center; margin: 0;">
						<label style="text-align: right; justify-self: end;">证书项目：</label>
						<div style="text-align: left;">
							<select name="exams-list" class="select form-control info-select" id="item_name" style="text-align: left;justify-self:auto;"></select>
						</div>
					</div>
					<div class="mui-input-row" style="display: grid; grid-template-columns: 1fr 2fr; align-items: center; margin: 0;">
						<label style="text-align: right; justify-self: end;">姓名：</label>
						<div style="text-align: left;">
							<input type="text" placeholder="" id="myinput_name" style="text-align: left;">
						</div>
					</div>
					<div class="mui-input-row" style="display: grid; grid-template-columns: 1fr 2fr; align-items: center; margin: 0;">
						<label style="text-align: right; justify-self: end;">身份证号码：</label>
						<div style="text-align: left;">
							<input type="text" placeholder="" id="myinput_idCard" style="text-align: left;">
						</div>
					</div>
				</div>
                <div style="text-align: center;"><button type="button" class="btn-11" onclick="MyClick()"><span>提交</span></button></div>
				<div id="message" class="mui-input-row" style="color: red;"></div>
				<div id="divCustomers"></div>
			</div>
			<div id="page2" style="display: none;">
				<div id='cert-info'>
					<table class="table table-bordered" width="100%" interlaced="disabled" align="center">
							<tbody>
								<tr class="firstRow">
									<td valign="middle" align="right" class="td1">证书名称：</td>
									<td valign="middle" align="left" id='exam-name' class="td2"></td>
								</tr>
								<tr>
									<td valign="middle" align="right" class="td1">姓名：</td>
									<td valign="middle" align="left" id='stu-name' class="td2"></td>
								</tr>
								<tr>
									<td valign="middle" align="right" class="td1">身份证号：</td>
									<td valign="middle" align="left" id='idcard-num' class="td2"></td>
								</tr>
								<tr>
									<td valign="middle" align="right" class="td1">证书编号：</td>
									<td valign="middle" align="left" id='cert-data' class="td2"></td>
								</tr>
								<tr>
									<td valign="middle" align="right" class="td1">颁证单位：</td>
									<td valign="middle" align="left" id='cert-unit' class="td2"></td>
								</tr>
								<tr>
									<td valign="middle" align="right" class="td1">认证日期：</td>
									<td valign="middle" align="left" id='cert-date' class="td2"></td>
								</tr>
								<tr>
									<td valign="middle" align="right" class="td1">二维码：</td>
									<td valign="middle" align="left"  class="td2"><img id='QR-code'></td>
								</tr>
								<tr id="cert-down">
									<td valign="middle" align="right" class="td1">证书下载：</td>
									<td valign="middle" align="left" class="td2"><a id='cert-down-url' target="_blank">扫描版证书</a></td>
								</tr>
							</tbody>
					</table>
				</div>
				<button type="button" onclick="BackPage1()" id='backpage1'>返回查询界面</button>
			</div>
		</div>
	</body>
	<script src="./js/jquery.min.js"></script>
	<script src='./js/qrious.min.js'></script>
	<script src="./js/main.js" type="text/javascript" charset="utf-8"></script>
</html>